import { View } from "@tarojs/components";
import { useState, useEffect } from "react";
import Taro from "@tarojs/taro";
import { AtInput, AtForm, AtButton, AtRadio, AtCard } from "taro-ui";

// 按需引入
import "./index.scss";

const IntoPackage = () => {
  const [list, setList] = useState([1, 2, 3, 1, 2, 3, 1, 2, 3, 1, 2, 3]);
  return (
    <View className="container">
      <View className="list" style="margin-bottom:90px">
        {list.map(item => (
          <AtCard
            className="mx-0"
            note="小Tips"
            extra="额外信息"
            title="这是个标题"
            thumb="http://www.logoquan.com/upload/list/20180421/logoquan15259400209.PNG"
          >
            这也是内容区 可以随意定义功能
          </AtCard>
        ))}
      </View>
      <View className="at-tab-bar--fixed  safe-area" style="background: #fff">
        <AtButton type="primary">下账</AtButton>
      </View>
    </View>
  );
};

export default IntoPackage;
